<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

<title>iScroll</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<script type="text/javascript" src="js/iscroll-probe.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>

</head>
<body>
<div id="header">上拉加载 下拉刷新</div>

<div id="wrapper">
	<div id="scroller">
		<div class="down"><div class="wait"><img src="img/wait.jpg" width="100%"></div></div>
		<ul class="ul">
			<li>
				<div class="left"><img src="img/monkey1.jpg"></div>
				<div class="right">
					<div class="r-font">金猴迎春</div>
					<div class="r-font">金猴报喜</div>
					<div class="r-font">火树银猴</div>
				</div>
			</li>
			<li>
				<div class="left"><img src="img/monkey4.jpg"></div>
				<div class="right">
					<div class="r-font">金猴迎春</div>
					<div class="r-font">金猴报喜</div>
					<div class="r-font">火树银猴</div>
				</div>
			</li>
			<li>
				<div class="left"><img src="img/monkey3.jpg"></div>
				<div class="right">
					<div class="r-font">金猴迎春</div>
					<div class="r-font">金猴报喜</div>
					<div class="r-font">火树银猴</div>
				</div>
			</li>
			<li>
				<div class="left"><img src="img/monkey2.jpg"></div>
				<div class="right">
					<div class="r-font">金猴迎春</div>
					<div class="r-font">金猴报喜</div>
					<div class="r-font">火树银猴</div>
				</div>
			</li>
			<li>
				<div class="left"><img src="img/monkey1.jpg"></div>
				<div class="right">
					<div class="r-font">金猴迎春</div>
					<div class="r-font">金猴报喜</div>
					<div class="r-font">火树银猴</div>
				</div>
			</li>
			<li>
				<div class="left"><img src="img/monkey4.jpg"></div>
				<div class="right">
					<div class="r-font">金猴迎春</div>
					<div class="r-font">金猴报喜</div>
					<div class="r-font">火树银猴</div>
				</div>
			</li>
			<li>
				<div class="left"><img src="img/monkey3.jpg"></div>
				<div class="right">
					<div class="r-font">金猴迎春</div>
					<div class="r-font">金猴报喜</div>
					<div class="r-font">火树银猴</div>
				</div>
			</li>
			<li>
				<div class="left"><img src="img/monkey2.jpg"></div>
				<div class="right">
					<div class="r-font">金猴迎春</div>
					<div class="r-font">金猴报喜</div>
					<div class="r-font">火树银猴</div>
				</div>
			</li>

			<li>
				<div class="left"><img src="img/monkey1.jpg"></div>
				<div class="right">
					<div class="r-font">金猴迎春</div>
					<div class="r-font">金猴报喜</div>
					<div class="r-font">火树银猴</div>
				</div>
			</li>
		</ul>
		<div class="more"><div class="wait"><img src="img/wait.jpg" width="100%"></div></div>
	</div>
</div>
<div id="top"><img src="img/top.png" width="100%"></div>
<div id="footer">footer</div>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>